<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<script type="text/javascript">
/* 회원 달력 */
 $(function() {
     $("#datepicker").datepicker({
    	 dateFormat: 'yy-mm-dd',
    	 changeMonth: true,
    	 changeYear: true
     });
 });
 
</script>

<!-- 회원 정보 수정 div -->
<div class="member-commons">
    <div class="member-commons inner">
        <form id="memberaddForm" name="memberaddForm" action="member.spring?action=memberadd" method="post">
            <table id="member-modify-form">
               <tr>
                    <th colspan="2" style="text-align: center; font-size: 25px;"><h2>회원 가입</h2></th>   
               </tr> 
               <tr>
                    <th>아이디 :</th>
                    <td>
                         <input type="text" name ="memberId" size="12"/><br>
                         <span class="requiered">*영문, 숫자, _만 입력가능, 최소 3글자 이상</span>
                    </td>
               </tr>
               <tr>
                    <th>비밀번호 :</th>
                    <td>
                         <input type="password" name ="memberPassword" size="12" />
                    </td>
               </tr>
               <tr>
                    <th>비밀번호 확인 :</th>
                    <td>
                         <input type="password" name ="memberPassword1" size="12" />
                    </td>
               </tr>
               <tr>
                    <th>이름 :</th>
                    <td>
                         <input type="text" name="memberName" size="12" /><br>
                         <span class="requiered">* 공백 없이 한글만 가능</span>
                    </td>
               </tr>
               <tr>
                    <th>닉네임 :</th>
                    <td>
                         <input type="text" name ="memberNickname" size="12" />
                         <span class="requiered">* 공백 없이 한글, 영문, 숫자만 입력가능, 최소2글자
                                                이상, 최대 8글자</span>
                    </td>
               </tr>
               <tr>
                    <th>전화번호 :</th>
                    <td>
                         <input type="tel" name="memberMobileno" size="14" />
                         <span class="requiered">- 없이 입력</span>
                    </td>
               </tr>
               <tr>
                    <th>이메일 :</th>
                    <td>
                         <input type="email" name ="memberEmail"  />
                         <span class="requiered">* 공백 없이 한글만 가능</span>
                    </td>
               </tr>
               <tr>
                    <th>생년월일 :</th>
                    <td>
                         <p><input type="text" name="Birthday" id="datepicker" /></p>
                    </td>
               </tr>
               <tr>
                    <th>성별 :</th>
                    <td>
                        <input type="radio" name ="memberGender" id ="M" value="M"><span>남자</span>
                        <input type="radio" name ="memberGender" id ="F" value="F"><span>여자</span><br>
                    </td>
               </tr>
            </table>    

            <div id="inputButton">
               <input type="submit" name="" value="저장">
               <input type="reset" name=""  value="취소">
            </div> 
        </form> 
    </div>
</div> <!-- contact-form div END -->